<template>
	<view>
		<view>
			<navTop title="已签到的成员" :isHeight="false" hasBgc="white" :color="navtop.color" :isBack="true"></navTop>
		</view>
		<view class="allBody" v-for="(item,index) in userData" @click="goMember(item)">
			<image :src="item.avatarUrl" class="img"></image>
			<view class="name">{{item.nickName}}</view>
			<image src="../../static/arrow-right.png" class="goImg"></image>
			<view class="bottomLine"></view>
		</view>
	</view>
</template>

<script>
	import navTop from '../../components/navTop.vue'
	export default {
		components: {
			navTop,
		},
		data(){
			return{
				navtop: {
					title: 'XXX',
					color: '#000000'
				},
				userData:[],
			}
		},
		methods:{
			goMember(data) {
				uni.navigateTo({
					url: './member?content=' + JSON.stringify(data),
				})
			},
		},
		onLoad(val) {
			let data=JSON.parse(val.content)
			this.userData=data			
		}
	}
</script>

<style>
	.allBody{
		top: -80rpx;
		position: relative;
		padding-bottom: 240rpx;
	}
	.img{
		left: 34rpx;
		top: 278rpx;
		width: 128rpx;
		height: 128rpx;
		border-radius: 94rpx;
		position: relative;
		float: left;
	}
	.name{ 
		left: 80rpx;
		top: 320rpx;
		width: 400rpx;
		height: 50rpx;
		color: rgba(16, 16, 16, 100);
		font-size: 32rpx;
		text-align: left;
		  ;
		position: relative;
		float: left;
		overflow: hidden;
		text-overflow: ellipsis;/*溢出显示省略号*/
		white-space:nowarp;/*强制在一行显示*/
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;  
	}
	.goImg{
		left: 110rpx;
		top: 320rpx;
		width: 48rpx;
		height: 48rpx;
		position: relative;
		float: left;
		z-index: 5;
	}
	.bottomLine{
		top: 460rpx;
		width: 750rpx;
		height: NaNpx;
		border: 1rpx solid rgba(187, 187, 187, 100);
		position: relative;
		padding-bottom: rpx;
	}
</style>
